<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>领取优惠券-江城巴士</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">
    
    <link rel="stylesheet" href="css/app.css">
</head>

<body>

<header>
    <div class="title">领取优惠券</div>
</header>

<section class="wrap ui-form">
    <div class="banner">
        <img src="images/banner_coupons.jpg" width="100%" alt="">
    </div>
    

    <div class="coupons-list">
        <ul>
            <li class="c1">
                <div class="hd">
                    <em>6.8</em>
                    <sub>折</sub>
                </div>
                <div class="bd">
                    <h4>折扣券</h4>
                    <p>限15座以下车型使用</p>
                    <p>有效期至2016-09-09</p>
                </div>
            </li>
        </ul>

        <div class="result">
            礼券已放入账号：123123123
        </div>
    </div>

</section>


<script src="js/zepto.min.js"></script>
<script src="js/app.js"></script>
<script>
$(function(){
    var $mobile = $('#mobile');

    function checkMobile() {
        var val = $mobile.val();
        if (!val) {
            alertMsg('请输入手机号', 3e3);
        } else if (!/^1[3-9]\d{9}$/.test(val)) {
            alertMsg('手机号码格式错误', 3e3);
        } else {
            return true;
        }
        $mobile.focus();
        return false;
    }


    // 保存
    $('#submit').on('click', function() {
        return checkMobile();
    });
})
</script>

</body>
</html>